<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>充值卡记录</title>
    <!-- Bootstrap -->
    <link href="../assets/css/mui.min.css" rel="stylesheet">
    <link href="fonts/iconfont.css" rel="stylesheet">
    <link href="../assets/css/style.css" rel="stylesheet" />
    <link href="../assets/css/member_content.css" rel="stylesheet" />
  </head>
  <style type="text/css">
    
  </style>

  <body>
    <header id="header" class="mui-bar mui-bar-nav">
      <h1 class="mui-title">充值卡记录</h1>
      <button class="mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left">
      <span class="mui-icon mui-icon-left-nav"></span>返回</button>
      <a class="mui-pull-right headerright"><i class="icon iconfont icon-gengduo"></i></a>
    </header>
    <div class="mui-content">
      <div class="rechargecard-list mui-row">
        <div class="mui-col-xs-4 rechargecard-item">
          <div class="rechargecardOne">
            <div class="rechargecard-item-num">1030</div>
            <div>充值（元）</div>
          </div>
        </div>
        <div class="mui-col-xs-4 rechargecard-item">
          <div class="rechargecardTwo">
            <div class="rechargecard-item-num">1030</div>
            <div>消费（元）</div>
          </div>
        </div>
        <div class="mui-col-xs-4 rechargecard-item">
          <div class="rechargecardThree">
            <div class="rechargecard-item-num">1030</div>
            <div>余额（元）</div>
          </div>
        </div>
      </div>
      <div class="recharge-rules">
        <div class="totalRecharge">
          <span class="recharge-rules-title">累计充值</span>
          <span class="recharge-rules-content">8次</span>
        </div>
        <div class="totalConsume">
          <span class="recharge-rules-title">累计消费</span>
          <span class="recharge-rules-content">13次</span>
        </div>
        <div class="totalGetJine">
          <span class="recharge-rules-title">累计获得商家充值赠送金额</span>
          <span class="recharge-rules-content">200元</span>
        </div>
      </div>
      <div class="rechargeConsume-list">
        <div class="rechargeConsume-list-item mui-row">
          <div class="mui-col-xs-4 integral-style">大圣烧烤</div>
          <div class="mui-col-xs-4 integral-num">2016-11-12(12:03)</div>
          <div class="mui-col-xs-4 integral-date orange-word">-￥123</div>
        </div>
        <div class="rechargeConsume-list-item mui-row">
          <div class="mui-col-xs-4 integral-style">大圣烧烤</div>
          <div class="mui-col-xs-4 integral-num">2016-11-12(12:03)</div>
          <div class="mui-col-xs-4 integral-date orange-word">-￥123</div>
        </div>
        <div class="rechargeConsume-list-item mui-row">
          <div class="mui-col-xs-4 integral-style">大圣烧烤</div>
          <div class="mui-col-xs-4 integral-num">2016-11-12(12:03)</div>
          <div class="mui-col-xs-4 integral-date orange-word">-￥123</div>
        </div>
        <div class="rechargeConsume-list-item mui-row">
          <div class="mui-col-xs-4 integral-style">大圣烧烤</div>
          <div class="mui-col-xs-4 integral-num">2016-11-12(12:03)</div>
          <div class="mui-col-xs-4 integral-date orange-word">-￥123</div>
        </div>
        <div class="rechargeConsume-list-item mui-row">
          <div class="mui-col-xs-4 integral-style">大圣烧烤</div>
          <div class="mui-col-xs-4 integral-num">2016-11-12(12:03)</div>
          <div class="mui-col-xs-4 integral-date orange-word">-￥123</div>
        </div>
        <div class="rechargeConsume-list-item mui-row">
          <div class="mui-col-xs-4 integral-style">大圣烧烤</div>
          <div class="mui-col-xs-4 integral-num">2016-11-12(12:03)</div>
          <div class="mui-col-xs-4 integral-date orange-word">-￥123</div>
        </div>
        <div class="rechargeConsume-list-item mui-row">
          <div class="mui-col-xs-4 integral-style">大圣烧烤</div>
          <div class="mui-col-xs-4 integral-num">2016-11-12(12:03)</div>
          <div class="mui-col-xs-4 integral-date orange-word">-￥123</div>
        </div>
        <div class="rechargeConsume-list-item mui-row">
          <div class="mui-col-xs-4 integral-style">大圣烧烤</div>
          <div class="mui-col-xs-4 integral-num">2016-11-12(12:03)</div>
          <div class="mui-col-xs-4 integral-date orange-word">-￥123</div>
        </div>
      </div>
    </div>
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/mui.js"></script>
  </body>

</html>